import Vue from "vue";
import VueRouter from "vue-router";
import Index from "@/views/index.vue";
import New from "@/views/new.vue";
import Sport from "@/views/sport.vue";
import AllContacts from '@/views/AllContacts.vue'
import Alice from '@/views/Alice.vue'
import Bob from '@/views/Bob.vue'
import Blog from '@/views/blog.vue'
import Fax from '@/views/fax.vue'

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    { path: "/index", component: Index },
    { path: "/new", component: New },
    {
      path: "/sport",
      component: Sport,
        children: [
        { path: "/allcontacts", component: AllContacts },
        { path: "/alice", component: Alice },
            {
                path: "/about",
                component: Bob,
                children: [
                    { path: "/blog", component: Blog },
                    { path: "/fax", component: Fax },
                ]
            },
      ],
    },
  ],
});

export default router;
